<template>
	<div class="hot">
		<!--置顶无图-->
		<section>
			<div class="item_detail">
				<h3 class="item_title">
					开放的大门不会关上
				</h3>
				<div class="item_info">
					<ul>
						<li class="label">置顶</li>
						<li class="source">央视网新闻</li>
						<li class="comment">评论  375</li>
						<li class="time">2小时前</li>
					</ul>
				</div>
			</div>
		</section>
		<!--单图-->
		<section>
			<div class="item_detail pd wth">
				<h3 class="item_title">
					独家 | 商汤再获6亿美元融资，阿里领投，估值超45亿美金
				</h3>
				<div class="item_info">
					<ul>
						<li class="source">第一财经</li>
						<li class="comment">评论  375</li>
					</ul>
				</div>
				
			</div>
			<div class="item_img">
				<img src="../../../build/logo.png"/>
			</div>
		</section>
		<!--三图无广告型-->
		<section>
			<div class="item_detail">
				<h3 class="item_title">
					她曾经是个女神，后来因为这个堕落了
				</h3>
				<div class="item_pic">
					<ul>
						<li><img src="../../../build/logo.png"/></li>
						<li><img src="../../../build/logo.png"/></li>
						<li><img src="../../../build/logo.png"/></li>
					</ul>
				</div>
				<div class="item_info">
					<ul>
						<li class="source">第一财经</li>
						<li class="comment">评论  375</li>
					</ul>
				</div>
				
			</div>
		</section>
		<!--大图无广告-->
		<section>
			<div class="item_detail">
				<h3 class="item_title">
					她曾经是个女神，后来因为这个堕落了
				</h3>
				<div class="item_pic_large">
					<img src="../../assets/gg.jpg"/>
				</div>
				<div class="item_info">
					<ul>
						<li class="source">第一财经</li>
						<li class="comment">评论  375</li>
					</ul>
				</div>
				
			</div>
		</section>
		<!--三图广告-->
		<section>
			<div class="item_detail">
				<h3 class="item_title">
					开放的大门不会关上
				</h3>
				<div class="item_pic">
					<ul>
						<li><img src="../../../build/logo.png"/></li>
						<li><img src="../../../build/logo.png"/></li>
						<li><img src="../../../build/logo.png"/></li>
					</ul>
				</div>
				<div class="item_info">
					<ul>
						<li class="ad_label">广告</li>
						<li class="source">央视网新闻</li>
						<li class="comment">评论  375</li>
						<li class="time">2小时前</li>
					</ul>
				</div>
			</div>
		</section>
		<!--广告无图-->
		<section>
			<div class="item_detail">
				<h3 class="item_title">
					开放的大门不会关上
				</h3>
				<div class="item_info">
					<ul>
						<li class="ad_label">广告</li>
						<li class="source">央视网新闻</li>
						<li class="comment">评论  375</li>
						<li class="time">2小时前</li>
					</ul>
				</div>
			</div>
		</section>
		<!---->
	</div>
</template>

<script>
	
</script>

<style>
	.hot{
		padding: 0 4.5%;
		/*@import "~@/assets/common/scss/common";*/
	}
</style>